<ion-view title="向导认证">
  <ion-nav-buttons side="left">
    <a class="button button-icon icon ion-ios-arrow-left" ng-click="goBackPage()"></a>
  </ion-nav-buttons>
  <ion-content>
    <input type="file" id="selectImgDisplayPicInput"  multiple="multiple" capture="camera" accept="image/*" style="display: none;">
    <input type="file" id="selectImgLifePicInput"  multiple="multiple" capture="camera" accept="image/*" style="display: none;">
    <input type="file" id="selectImgGuideCertificatePicInput"  multiple="multiple" capture="camera" accept="image/*" style="display: none;">
    <!-- 1 -->
    <div class="stepcon none {{step==1?'block':''}}" ng-show="step==1">
      <div class="tipcon">
        <p>温馨提示：请尽量按照要求填写，提交资料越详细越全面真实。审核通过率越高</p>
      </div>
      <div class="list">
        <label class="item item-input item-select">
          <span class="input-label">职业</span>
          <select ng-model="authguideData.job">
            <option  value="请选择">请选择</option>
            <option ng-repeat="x in gJobData" value="{{x.name}}">{{x.name}}</option>
          </select>
        </label>
        <div class="item item-input">
          <span class="input-label">地址</span>
          <input ng-model="authguideData.region" placeholder="请输入您的地址" type="text">
          <!-- 地址<span class="item-note" ng-bind="authguideData.regionName" ng-click="openCitySelectModel('region')"></span> -->
        </div>
        <label class="item item-input">
          <span class="input-label">微信号</span>
          <input ng-model="authguideData.weChat" class="inputhassm" placeholder="请输入微信号" type="text">
          <p class="inputdesm">用户支付前不会显示该信息</p>
        </label>
        <div class="item item-input item-button-right" style="border-bottom: none;">
          <span class="input-label">封面图片</span>
          <input style="background: #fff;" placeholder="添加1张封面图片" type="text" disabled>
          <!-- <img ng-src="{{authguideData.gLifePicUrl}}" alt=""> -->
          <button class="button button-calm" ng-click="selectImgDisplayPic()">选择</button>
        </div>
        <div class="gLifePicUrls" ng-show="displayPicBase64Data!=''">
          <div class="gLifePicUrl" style="width: {{config.appWidth/4}}px;height: {{config.appWidth/4}}px;">
            <img ng-src="{{displayPicBase64Data}}" style="width: {{config.appWidth/4-20}}px;height: {{config.appWidth/4-20}}px;" alt="">
          </div>
        </div>
        <div class="item item-input item-button-right" style="border-bottom: none;">
          <span class="input-label">生活照</span>
          <input style="background: #fff;" placeholder="添加1-6张生活照片" type="text" disabled>
          <!-- <img ng-src="{{authguideData.gLifePicUrl}}" alt=""> -->
          <button class="button button-calm" style="" ng-click="selectImgLifePic()" ng-disabled="gLifePicUrls.length==6">添加</button>
        </div>
        <div class="gLifePicUrls">
          <div class="gLifePicUrl" style="width: {{config.appWidth/4}}px;height: {{config.appWidth/4}}px;" ng-repeat="gLifePicUrlItem in gLifePicUrls">
            <img ng-src="{{gLifePicUrlItem.src}}" ng-click="removeLifePic($index)" style="width: {{config.appWidth/4-20}}px;height: {{config.appWidth/4-20}}px;" alt="">
          </div>
        </div>
        <!-- {{gLifePicUrls.length}} -->
      </div>
      <div class="formsub padding">
        <button ng-click="substep1()" class="button button-block button-calm">下一步</button>
      </div>
    </div>
    <!-- 2 -->
    <div class="stepcon none {{step==2?'block':''}}" ng-show="step==2">
      <div class="tipcon">
        <p>温馨提示：请尽量按照要求填写，提交资料越详细越全面真实。审核通过率越高</p>
      </div>
      <div class="list">
        <div class="item " style=" white-space: normal;">
          服务城市<span class="item-note" ng-bind="authguideData.serviceCityName" ng-click="openCitySelectModel('serviceCity')"></span>
        </div>
        <div class="item  item-input" style="border-bottom: none;padding-bottom: 0;">
          <span class="input-label">服务种类</span>
          <input placeholder="选择你可以提供的服务范围(选填)" type="text" disabled>
        </div>
        <div class="item" style="border-top:none;  padding: 5px 16px; text-align: right;  white-space: normal;color:#666;">
          <span ng-repeat="item in authguideDataServerCate" style="color:#666;" ng-click="cheackboxServerCate($index,id)" style="display: inline-block;" class="ion-android-checkbox-outline{{item.checked?'':'-blank'}}"> {{item.name}}&nbsp;&nbsp;&nbsp;&nbsp;</span>
        </div>
        <label class="item item-input">
          <span class="input-label">擅长路线</span>
          <input ng-model="authguideData.serviceRoute" placeholder="请输入擅长路线 使用“空格”分割" type="text">
        </label>
        <label class="item item-input">
          <span class="input-label">服务内容</span>
          <input ng-model="authguideData.serviceContent" placeholder="请输入服务内容" type="text">
        </label>
        <label class="item item-input">
          <span class="input-label">个人介绍</span>
          <input ng-model="authguideData.introduce" placeholder="请输入个人介绍" type="text">
        </label>
        <label class="item item-input">
          <span class="input-label">价格</span>
          <input ng-model="authguideData.servicePrice" placeholder="请输入价格" type="number">
        </label>
        <div class="item item-input  item-button-right" style="border-bottom: none;">
          <span class="input-label">导游证</span>
          <input style="background: #fff;" placeholder="上传导游证（选填）" type="text" disabled>
          <button class="button button-calm" ng-click="selectImgGuideCertificatePic()">选择</button>
        </div>
        <div class="gLifePicUrls">
          <div class="gLifePicUrl" ng-show="tourGuideCertificationPicBase64Data!=''" style="width: {{config.appWidth/4}}px;height: {{config.appWidth/4}}px;">
            <img ng-click="removeselectImgGuideCertificatePic()" ng-src="{{tourGuideCertificationPicBase64Data}}" style="width: {{config.appWidth/4-20}}px;height: {{config.appWidth/4-20}}px;" alt="">
          </div>
        </div>
      </div>
      <div class="formsub padding">
        <span style="color:#73C6F8" ng-click="tostep(1)">上一步</span>
        <button ng-click="subauthguide()" class="button button-block button-calm">提交</button>
      </div>
    </div>
  </ion-content>
  <!-- 城市选择模态框 -->
  <script id="citypicker.html" type="text/ng-template">
    <div class="modelbg" ng-click="closeModal()"></div>
    <div class="citypickermodal" style="">
      <ion-header-bar class="icon icon-left" style="border: none;">
        <button ng-click="closeModal()" class="button button-icon">取消</button>
        <h1 class="title">选择城市</h1>
        <button ng-click="sureSelectCityResult()" class="button button-icon">确定</button>
      </ion-header-bar>
      <div class="item cppcityname">
        <i class="icon ion-ios-arrow-right"></i>
        <span ng-click="reselectprovince()">{{cityselectresult.province.name==null?"请选择":cityselectresult.province.name}}</span>
        <span>{{cityselectresult.city.name}}</span>
      </div>
      <ion-content style="background:#fff; height: 212px;margin-top: 41px;border-top: none;">
        <div class="list cpplist" ng-show="cityselectresult.province.id==null">
          <div class="item  item-icon-right" ng-repeat="item in provincedatalist" ng-click="cp_selectprovince(item)">{{item.name}}<i class="icon ion-ios-arrow-right"></i></div>
        </div>
        <div class="list cpplist" ng-show="cityselectresult.province.id!=null">
          <div class="item item-icon-right" ng-repeat="item in citydatalist" ng-click="cp_selectcity(item)">{{item.city}}<i class="icon ion-ios-arrow-right"></i></div>
        </div>
      </ion-content>
    </div>
  </script>
</ion-view>
